<!DOCTYPE html>
<html>
    <head>
        <title>Rage N Furious</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel=stylesheet type="text/css" href="/files/css/stylehome.css" />       
        <script>
            var v = new Array();
            v["user"] = new Object();
            v["user"].pseudo = "<?php echo $me["pseudo"]; ?>";
            v["user"].hash = "<?php echo $this->session->userdata('session_id'); ?>";
            v["user"].win = <?php echo $me["win"]; ?>;
            v["user"].lost = <?php echo $me["lost"]; ?>;
			v["constantes"] = new Object;
			v["constantes"].timer = setInterval("incrementeTimer()", 40);
			v["constantes"].timerCount = 0;
			
			function incrementeTimer()
			{
				v["constantes"].timerCount++;
				if(v["constantes"].timerCount%50 == 0){
					$.getJSON("/lobby/extendExpire", function(d){
						if(d.connected == false)
							{
								window.location.reload();
							}
					});
				}
			}
        </script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type="text/javascript" ></script>
        <link rel=stylesheet type="text/css" href="/files/css/jquery-ui/jquery-ui-1.8.19.custom.css" />
        <style>
            .ui-dialog .ui-dialog-title, .ui-dialog .ui-button, .ui-dialog #dialog-confirm-invite , .ui-dialog #dialog-message-ready , .ui-dialog #dialog-message-decline { font-size:12px;}
        </style>

		
    </head>

	<body id="body">
		<div id="header"></div>
		<div id="menu_top">
			<table class="tablemenu">
				<tr>
				 <th class="thmenu"><a href="/rooms">HOME</a></th>
				 <th class="thmenu"><a href="/rooms/rules">RULES</a></th>
				 <th class="thmenu"><a href="/rooms/ranking">RANKING</a></th> 
				 <th class="thmenu"><a href="/rooms/contact">CONTACTS</a></th>
				 <th class="lastth"><a href="/lobby/logout" >LOGOUT</a></th>
				</tr>			  
			</table>
		</div>
        <div id="rules">
            <p>Rule #1: DO NEVER GIVE THE LINK TO ANYONE ON FACEBOOK !</p><br/>
            <p>Le jeu se décompose en 2 écrans : le vôtre en haut et celui de l’adversaire au-dessous. C’est un jeu multi-joueurs, par conséquent vous devrez affronter une autre personne pour pouvoir jouer.</p>

            <p><strong>But du jeu :</strong></p>
            <p><em>SURVIVRE ET ELIMINER VOTRE ADVERSAIRE.</em> Vous devrez éviter les obstacles ainsi que les attaques mortelles de l’adversaire. <br/>
            Pour cela, sautez à l’aide de la touche ‘espace’ et montez sur les blocks qui défilent. Attention cependant à ne pas vous cogner contre un block ou dans le coin d'un block car cela vous fera perdre de la « RAGE ».</p>
            <p><strong>Les objets :</strong></p>
            <p>Il est possible d’utiliser des objets pendant la partie :<br/>
            La Fire Bullet (touche ‘&’): envoi une boule de feu en direction de l’adversaire.<br/>
            Le Shield  (touche ‘é’): vous serez protégé par un bouclier jusqu’à ce que vous percutiez un obstacle ou que vous subissiez une attaque de l’adversaire.<br/>
            Le Heal (touche ‘»’): cet objet vous permet de regagner de la « RAGE » pendant la partie (barre rouge), cependant vous ne pouvez pas récupérer de cœur.<br/>
            Les deux autres objets affichés sur l’interface sont pour l’instant inutiles car en cours de développement.<br/>
            Pour obtenir des objets, vous devez les ramasser au fur et à mesure durant la partie. </p>
            <p><strong>Le « FURIOUS » :</strong></p>
            <p>Vous remarquerez une barre bleue qui augmente très lentement lorsque vous sautez. Il est aussi possible de l’augmenter en utilisant certains objets. Une fois remplie à 100% vous pourrez appuyer sur ‘A’ pour lancer un ‘objet spécial’ sur l’adversaire. A vous de trouver comment l’esquiver.<br/><br/>

            Un tchat est disponible pour discuter avant de commencer la partie ou bien pour discuter avec votre adversaire pendant la partie.<br/>
            Il s’agit d’une bêta, nous comptons donc sur votre coopération pour nous aider à débusquer les « bugs » et sur vos idées pour développer de nouvelles fonctionnalités.<br/><br/>
            
            Ce jeu a été produit dans le cadre d’un projet pour l’option WEB S4 à Polytech Paris-Sud.</p>
        </div>
		<div style="display:none; "id="dialog-confirm-invite" title="Invitation à jouer">
			<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Vous avez reçu une invitation de la part de <strong id="dialog-confirm-invite-pseudo"></strong>. Si vous acceptez, vous serez redirigé vers la salle de jeu.</p>
		</div>
		<div style="display:none; "id="dialog-message-ready" title="Votre invitation à jouer">
			<p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 20px 0;"></span><strong id="dialog-message-ready-pseudo"></strong> a accepté votre invitation, vous allez être redirigé vers la salle de jeu.</p>
		</div>
		<div style="display:none; "id="dialog-message-decline" title="Votre invitation à jouer">
			<p><span class="ui-icon ui-icon-circle-close" style="float:left; margin:0 7px 20px 0;"></span><strong id="dialog-message-decline-pseudo"></strong> a décliné votre invitation.</p>
		</div>
		<div pub-key="pub-0607ceaa-239b-4ab8-a2c9-2e6a28ae3c0d" sub-key="sub-eb735185-9d22-11e1-bedd-67aa31f82715" ssl="off" origin="pubsub.pubnub.com" id="pubnub"></div> 
        <script src="http://cdn.pubnub.com/pubnub-3.1.min.js"></script>
		<script>(function(){
				PUBNUB.subscribe({
					channel	 : "user-<?php echo $this->session->userdata('session_id'); ?>",              // CONNECT TO THIS CHANNEL.

					restore	 : false,               // STAY CONNECTED, EVEN WHEN BROWSER IS CLOSED
													// OR WHEN PAGE CHANGES.

					callback  : function(message) { // RECEIVED A MESSAGE.
							switch(message.type)
							{
								case "invite" :
									$( "#dialog:ui-dialog" ).dialog( "destroy" );
									$('#dialog-confirm-invite').attr('title', 'Invitation de '+message.pseudo);
									$('#dialog-confirm-invite-pseudo').html(message.pseudo);
									$("#dialog-confirm-invite").dialog({
											resizable: true,
											modal: true,
											buttons: {
													"Accepter l'invitation": function() {
															$.getJSON('/game/create/'+v["user"].hash+'/'+message.hash, function (data){
																if(data.erreur == 0){
																	PUBNUB.publish({
																		channel : "user-"+message.hash,
																		message : {
																				"type" : "readyAfterInvite",
																				"pseudo" : v["user"].pseudo,
																				"hash" : v["user"].hash,
																				"room_id" : data.room_id
																			}
																	});
																	PUBNUB.publish({
																		channel : "user-"+v["user"].hash,
																		message : {
																				"type" : "readyAfterInvite",
																				"pseudo" : v["user"].pseudo,
																				"hash" : v["user"].hash,
																				"room_id" : data.room_id
																			}
																	});
																} else {
																	alert(data.message);
																}
															});
															$( this ).dialog( "close" );
													},
													"Décliner": function() {
															PUBNUB.publish({
																channel : "user-"+message.hash,
																message : {
																		"type" : "declinedInvite",
																		"pseudo" : v["user"].pseudo,
																		"hash" : v["user"].hash
																	}
															});
															$( this ).dialog( "close" );
													}
											}
									});
									break; 
								case "readyAfterInvite" :
									$( "#dialog:ui-dialog" ).dialog( "destroy" );
									$('#dialog-message-ready-pseudo').html(message.pseudo);
									$("#dialog-message-ready").dialog({
											resizable: false,
											modal: true,
											buttons: {
													Ok: function() {
															$( this ).dialog( "close" );
													}
											}
									});
									window.location.href = "/game/index/"+message.room_id;
									break;
									
								case "declinedInvite" :
									$( "#dialog:ui-dialog" ).dialog( "destroy" );
									$('#dialog-message-decline-pseudo').html(message.pseudo);
									$("#dialog-message-decline ").dialog({
											resizable: false,
											modal: true,
											buttons: {
													Ok: function() {
															$( this ).dialog( "close" );
													}
											}
									});
								break;
							}
					},

					disconnect : function() {       // LOST CONNECTION.
						   /* alert("Connection Lost." +
							"Will auto-reconnect when Online."
							)*/
					},

					reconnect : function() {	 // CONNECTION RESTORED.
						  /*  alert("And we're Back!")*/
					}
			})
	})();
		</script>
    </body>

</html>